@charset "UTF-8";
@import './_reset';
@function r($px){
	@return $px / 50px * 1rem
}
html,body{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.web{
	width: 100%;
	height: 100%;
	position: relative;
	input{
		position: absolute;
		top: r(10px);
		right: r(10px);
		z-index: 999;
	}
	input:checked + .search_web{
		transform: translateX(0);
		// z-index: 999;
	}
	.search_logo img{
		position: absolute;
		top: r(20px);
		right: r(15px);
		width: r(42px);
		height: r(42px);
		z-index: 999;
		// 	margin-top: r(20px);
		// 	margin-right: r(15px);
	}
	}

.header_content{
	width: 100%;
	height: r(89px);
	background-color: #b20000;
	position: absolute;
	left: 0;
	top: 0;
	text-align: center;
	.left_logo{
		margin-left: r(23px);
		margin-top: r(32px);
		width: r(23px);
		height: r(29px);
		// background-color: blue;
		img{
			width: 100%;
			height: 100%;
		}
		
	}
	.middle_logo{
		display: inline-block;
		width: r(264px);
		height: r(40px);
		margin-top: r(23px);
		img{
			width: 100%;
			height: 100%;
		}
	}
	}
	.search_logo{
		width: r(42px);
		height: r(42px);
		margin-top: r(28px);
		margin-right: r(15px);
		z-index: 999;
		
		img{
			width: 100%;
			height: 100%;
			// z-index: 999;
		}
		.search_web{
			width: 100%;
			height: r(1136px);
			background-color: rgba(0,0,0,.3);
			position: absolute;
			top: r(0px);
			left: r(0px);
			transform: translateX(100%);
			transition: all .3s;
			.line1{
				.right{
					position: relative;
				.icon-fangdajing{
					font-size: r(50px);
					position: absolute;
					top: r(3px);
					left: r(5px);
				}
				.searchbox{
					width: r(400px);
					height: r(60px);
					border: 1px solid #FFFFFF;
					border-radius: r(30px);
				}
				}
			}
		}

		
	}
	
.footer_content li{
		width: 20%;
		float: left;
		text-align: center;
		// line-height: r(96px);
		.iconfont{
			font-size: r(56px);
		}
		p{
			font-size: 12px;
		}
		a{
			text-decoration: none;
		}
	}
.footer_content{
			width: 100%;
			height: r(96px);
			background-color: #FFFFFF;
			position: absolute;
			left: 0;
			bottom: 0;
		}
.section_content{
	width: 100%;
	height: 80%;
	background-color: #FFFFFF;
	overflow: auto;
	padding: r(89px) 0;
	.lunbo{
		width: r(640px);
		height: r(242px);
		background-image: url(../img/GIMC/GIMC_02.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
	}
	.bigbox{
		width: 100%;
		height: r(639px);
		display: flex;
		justify-content: space-around;
		flex-wrap: wrap;
		align-content: space-around;
		.box{
			width: r(581px);
			height: r(173px);
			background-color: #FFFFFF;
			display: flex;
			justify-content: space-between;
			.left{
				width: r(209px);
				height: r(144px);
				img{
					width: 100%;
					height: 100%;
				}
			}
			.right{
				width: r(358px);
				height: r(148px);

				.title{
					font-size: r(22px);
					margin-bottom: r(6px);
				}
				.content{
					font-size: r(16px);
					color: #cdcdcd;
					margin-bottom: r(13px);
				}
				.detail{
					width: r(255px);
					height: r(19px);
					display: flex;
					justify-content: space-around;
					color: #939393;
					float: right;
					
				}
			}
		}
	}
	.loadmore{
			width: r(582px);
			height: r(59px);
			line-height: r(59px);
			text-align: center;
			font-size: r(22px);
			color: #cecece;
			background-color: #FFFFFF;
			margin: 0 auto;
			margin-top: r(33px);
		}
	}